<!DOCTYPE html>
<html>
<meta charset="utf-8">
<body>
<h3 id="keyboardtitle">Keyboard</h3>
                        <select class="keyboardtype" id="keyboardtype" name="Keyboard Type"
                                onchange="keyboardwrap()">
                            <option keyboard-type="" value="">--</option>
                                <option keyboard-type="Amharic" value="amh">አማርኛ</option>
                                <option keyboard-type="Arabic" value="ara">ﺎَﻠْﻋَﺮَﺒِﻳَّﺓُ</option>
                                <option keyboard-type="Afrikaans" value="afr">Afrikaans</option>
                                <option keyboard-type="Akan" value="aka">Akan</option>
				<option keyboard-type="Ateso" value="teo">Ateso/Karamajong</option>
                                <option keyboard-type="Bemba" value="bem">Bemba</option>
                                <option keyboard-type="Cameroonian" value="cam">Cameroonian</option>
                                <option keyboard-type="Dagbani" value="dag">Dagbani</option>
                                <option keyboard-type="English" value="eng">English</option>
                                <option keyboard-type="Ewe" value="ewe">Ewe</option>
                                <option keyboard-type="Ga" value="ga">Ga</option>
                                <option keyboard-type="Kikuyu" value="kik">Gĩkũyũ/Kikamba/Kĩmĩĩrũ</option>
                                <option keyboard-type="Hausa" value="hau">Hausa</option>
                                <option keyboard-type="Igbo" value="igb">Igbo</option>
                                <option keyboard-type="Lingala" value="lin">Lingala</option>
                                <option keyboard-type="Luganda" value="lug">Luganda</option>
                                <option keyboard-type="Mali" value="mal">Mali</option>
                                <option keyboard-type="Sesotho" value="ses">Sesotho</option>
                                <option keyboard-type="Togo" value="tog">Togo</option>
                                <option keyboard-type="Wolof" value="wol">Wolof</option>
                                <option keyboard-type="Yoruba" value="yor">Yorùbá</option>
                        </select>

                        <div id="soft-keyboard">
                                <button class="keyboard" id="TLDE" value="96"
                                        onclick="addcharacter('TLDE')" 
                                        style="width:40px;font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >~ &nbsp;<br>` &nbsp;</button>
                                <button class="keyboard" id="AE01" value="49"
                                        onclick="addcharacter('AE01')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >! &nbsp;<br>1 &nbsp;</button>
                                <button class="keyboard" id="AE02" value="50"
                                        onclick="addcharacter('AE02')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >@ &nbsp;<br>2 &nbsp;</button>
                                <button class="keyboard" id="AE03" value="51"
                                        onclick="addcharacter('AE03')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        ># &nbsp;<br>3 &nbsp;</button>
                                <button class="keyboard" id="AE04" value="52"
                                        onclick="addcharacter('AE04')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >$ &nbsp;<br>4 &nbsp;</button>
                                <button class="keyboard" id="AE05" value="53"
                                        onclick="addcharacter('AE05')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >% &nbsp;<br>5 &nbsp;</button>
                                <button class="keyboard" id="AE06" value="54"
                                        onclick="addcharacter('AE06')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >^ &nbsp;<br>6 &nbsp;</button>
                                <button class="keyboard" id="AE07" value="55"
                                        onclick="addcharacter('AE07')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >& &nbsp;<br>7 &nbsp;</button>
                                <button class="keyboard" id="AE08" value="56"
                                        onclick="addcharacter('AE08')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >* &nbsp;<br>8 &nbsp;</button>
                                <button class="keyboard" id="AE09" value="57"
                                        onclick="addcharacter('AE09')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >( &nbsp;<br>9 &nbsp;</button>
                                <button class="keyboard" id="AE10" value="48"
                                        onclick="addcharacter('AE10')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >) &nbsp;<br>0 &nbsp;</button>
                                <button class="keyboard" id="AE11" value="45"
                                        onclick="addcharacter('AE11')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >_ &nbsp;<br>- &nbsp;</button>
                                <button class="keyboard" id="AE12" value="61"
                                        onclick="addcharacter('AE12')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >+ &nbsp;<br>= &nbsp;</button>
                                <button class="keyboard" style="width:90px;" id="Backspace" value="\b"
                                        onclick="addcharacter('Backspace')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >&nbsp; &nbsp;<br>&#8676; &nbsp;</button><br>
                                <button class="keyboard" style="width:70px;" id="Tab" value="&#09;"
                                        onclick="addcharacter('Tab')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >&nbsp; &nbsp;<br>&#8633; &nbsp;</button>
                                <button class="keyboard" id="AD01" value="113"
                                        onclick="addcharacter('AD01')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >Q &nbsp;<br>q &nbsp;</button>
                                <button class="keyboard" id="AD02" value="119"
                                        onclick="addcharacter('AD02')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >W &nbsp;<br>w &nbsp;</button>
                                <button class="keyboard" id="AD03" value="101"
                                        onclick="addcharacter('AD03')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >E &nbsp;<br>e &nbsp;</button>
                                <button class="keyboard" id="AD04" value="114"
                                        onclick="addcharacter('AD04')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >R &nbsp;<br>r &nbsp;</button>
                                <button class="keyboard" id="AD05" value="116"
                                        onclick="addcharacter('AD05')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >T &nbsp;<br>t &nbsp;</button>
                                <button class="keyboard" id="AD06" value="121"
                                        onclick="addcharacter('AD06')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >Y &nbsp;<br>y &nbsp;</button>
                                <button class="keyboard" id="AD07" value="117"
                                        onclick="addcharacter('AD07')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >U &nbsp;<br>u &nbsp;</button>
                                <button class="keyboard" id="AD08" value="105"
                                        onclick="addcharacter('AD08')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >I &nbsp;<br>i &nbsp;</button>
                                <button class="keyboard" id="AD09" value="111"
                                        onclick="addcharacter('AD09')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >O &nbsp;<br>o &nbsp;</button>
                                <button class="keyboard" id="AD10" value="112"
                                        onclick="addcharacter('AD10')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >P &nbsp;<br>p &nbsp;</button>
                                <button class="keyboard" id="AD11" value="91"
                                        onclick="addcharacter('AD11')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >{ &nbsp;<br>[ &nbsp;</button>
                                <button class="keyboard" id="AD12" value="93"
                                        onclick="addcharacter('AD12')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >} &nbsp;<br>] &nbsp;</button>
                                <button class="keyboard" id="AD13" style="width:60px;" value="92"
                                        onclick="addcharacter('AD13')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >| &nbsp;<br>\ &nbsp;</button><br>
                                <button class="keyboard" style="width:90px;" id="Caps" value="CapsOff"
                                        onclick="changecasewrap()"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >&nbsp; &nbsp;<br><font color="Red">Caps</font> &nbsp;</button>
                                <button class="keyboard" id="AC01" value="97"
                                        onclick="addcharacter('AC01')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >A &nbsp;<br>a &nbsp;</button>
                                <button class="keyboard" id="AC02" value="115"
                                        onclick="addcharacter('AC02')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >S &nbsp;<br>s &nbsp;</button>
                                <button class="keyboard" id="AC03" value="100"
                                        onclick="addcharacter('AC03')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >D &nbsp;<br>d &nbsp;</button>
                                <button class="keyboard" id="AC04" value="102"
                                        onclick="addcharacter('AC04')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >F &nbsp;<br>f &nbsp;</button>
                                <button class="keyboard" id="AC05" value="103"
                                        onclick="addcharacter('AC05')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >G &nbsp;<br>g &nbsp;</button>
                                <button class="keyboard" id="AC06" value="104"
                                        onclick="addcharacter('AC06')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >H &nbsp;<br>h &nbsp;</button>
                                <button class="keyboard" id="AC07" value="106"
                                        onclick="addcharacter('AC07')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >J &nbsp;<br>j &nbsp;</button>
                                <button class="keyboard" id="AC08" value="107"
                                        onclick="addcharacter('AC08')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >K &nbsp;<br>k &nbsp;</button>
                                <button class="keyboard" id="AC09" value="108"
                                        onclick="addcharacter('AC09')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >L &nbsp;<br>l &nbsp;</button>
                                <button class="keyboard" id="AC10" value="59"
                                        onclick="addcharacter('AC10')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >: &nbsp;<br>; &nbsp;</button>
                                <button class="keyboard" id="AC11" value="39"
                                        onclick="addcharacter('AC11')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >" &nbsp;<br>' &nbsp;</button>
                                <button class="keyboard" style="width:104px;" id="Enter" value="&#10;"
                                        onclick="addcharacter('Enter')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >&nbsp; &nbsp;<br>&#8629; &nbsp;</button><br>
                                <button class="keyboard" style="width:124px;" id="ShiftL" value="ShiftOff"
                                        onclick="shiftwrap()"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        ><br><font color="Red">&#8679;</font></button>
                                <button class="keyboard" id="AB01" value="122"
                                        onclick="addcharacter('AB01')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >Z &nbsp;<br>z &nbsp;</button>
                                <button class="keyboard" id="AB02" value="120"
                                        onclick="addcharacter('AB02')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >X &nbsp;<br>x &nbsp;</button>
                                <button class="keyboard" id="AB03" value="99"
                                        onclick="addcharacter('AB03')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >C &nbsp;<br>c &nbsp;</button>
                                <button class="keyboard" id="AB04" value="118"
                                        onclick="addcharacter('AB04')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >V &nbsp;<br>v &nbsp;</button>
                                <button class="keyboard" id="AB05" value="98"
                                        onclick="addcharacter('AB05')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >B &nbsp;<br>b &nbsp;</button>
                                <button class="keyboard" id="AB06" value="110"
                                        onclick="addcharacter('AB06')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >N &nbsp;<br>n &nbsp;</button>
                                <button class="keyboard" id="AB07" value="109"
                                        onclick="addcharacter('AB07')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >M &nbsp;<br>m &nbsp;</button>
                                <button class="keyboard" id="AB08" value="44"
                                        onclick="addcharacter('AB08')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >< &nbsp <br>, &nbsp;</button>
                                <button class="keyboard" id="AB09" value="46"
                                        onclick="addcharacter('AB09')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >> &nbsp;<br>. &nbsp;</button>
                                <button class="keyboard" id="AB10" value="47"
                                        onclick="addcharacter('AB10')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >? &nbsp;<br>/ &nbsp;</button>
                                <button class="keyboard" style="width:134px;" id="ShiftR" value="ShiftOff"
                                        onclick="shiftwrap()"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >&nbsp; &nbsp;<br><font color="Red">&#8679;</font> &nbsp;</button><br>
                                <button class="keyboard" id="CtrlL" value=""
                                        onclick=""
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >&nbsp; &nbsp;<br>Ctrl &nbsp;</button>
                                <button class="keyboard" id="Fn" value=""
                                        onclick=""
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >&nbsp; &nbsp;<br>Fn &nbsp;</button>
                                <button class="keyboard" id="System" value=""
                                        onclick=""
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >&nbsp; &nbsp;<br>&#128187; &nbsp;</button>
                                <button class="keyboard" id="Alt" value="Alt"
                                        onclick=""
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >&nbsp; &nbsp;<br>Alt &nbsp;</button>
                                <button class="keyboard" style="width:316px;" id="Space" value="32"
                                        onclick="addcharacter('Space')"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >&nbsp; &nbsp;<br>&nbsp; &nbsp;</button>
                                <button class="keyboard" id="AltGr" value="AltGrOff"
                                        onclick="altgrwrap()"
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >&nbsp; &nbsp;<br><font color="DeepSkyBlue">Alt Gr</font></button>
                                <button class="keyboard" id="Menu" value=""
                                        onclick=""
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >&nbsp; &nbsp;<br> &#9776; &nbsp;</button>
                                <button class="keyboard" id="CtrlR" value=""
                                        onclick=""
                                        style="font-family:NotoSans-Regular,NotoSansEthiopic-Regular,
                                        NotoSansArabic-Regular,NotoSansNKo-Regular"
                                        >&nbsp; &nbsp;<br>Ctrl &nbsp;</button>
                        </div>
</body>
</html>
